﻿//图片自动适应
$(window).bind("load", function () {
    autoResizeImage("mapContainer");
});
window.onresize = function () {
    autoResizeImage("mapContainer");
};

$(document).ready(function () {

    //设置播放列表距离搜索框的距离
    var refferOffsetTop = $("#reffer").offset().top;
    $("div.play").css("top", refferOffsetTop + "px");
    //$("ul.ul-4").css("top", refferOffsetTop+28 + "px");


    //点击图片列表的时间
    $(".ul-4 a").click(function () {
        loadingShow();
        stop();
        var imageSrc;
        imageSrc = $(this).find("input").eq(0).val();
        $(".ul-4 a").removeClass("hov");
        $(this).addClass("hov");
        $("#img").attr("src", imageSrc);
        loadingHide();
    });

    //上一张
    $("#preBtn").click(function () {
        loadingShow();
        stop();
        preImage();
        loadingHide();
    });
    //下一张
    $("#nextBtn").click(function () {
        loadingShow();
        stop();
        nextImage();
        loadingHide();
    });

    //播放图片
    var timeOut;
    $("#playBtn").click(function () {
        if ($(this).hasClass('btn-play')) {
            $("#mapContainer img").bind("load", function () { timeOut = setTimeout(nextImage, 1000) });
            nextImage();
            $(this).removeClass("btn-play");
            $(this).addClass("btn-pause");
        } else {
            $("#mapContainer img").unbind("load");
            clearTimeout(timeOut);
            $(this).removeClass("btn-pause");
            $(this).addClass("btn-play");
        }
    });

    function stop() {
        $("#mapContainer img").unbind("load");
        clearTimeout(timeOut);
        $("#playBtn").removeClass("btn-pause");
        $("#playBtn").addClass("btn-play");
    }
});

//上一张图片
function preImage() {
    var aList = $(".ul-4 a");     //a标签集合
    var aLength = aList.length;
    var selectA = $(".hov");       //当前选中的a标签
    var imgSrc;
    var index = aList.index(selectA);    //当前选中的p标签在集合的索引  
    aList.removeClass("hov");
    if (index === 0) {
        aList.eq(aLength - 1).addClass("hov");
        imgSrc = aList.eq(aLength - 1).find("input").val();
    } else {
        aList.eq(index - 1).addClass("hov");
        imgSrc = aList.eq(index - 1).find("input").val();
    }
    $("#img").attr("src", imgSrc);
}

//下一张图片
function nextImage() {
    var aList = $(".ul-4 a");     //a标签集合
    var aLength = aList.length;
    var selectA = $(".hov");       //当前选中的a标签
    var imgSrc;
    var index = aList.index(selectA);    //当前选中的a标签在集合的索引  
    aList.removeClass("hov");
    if (index === aLength - 1) {
        aList.eq(0).addClass("hov");
        imgSrc = aList.eq(0).find("input").val();
    } else {
        aList.eq(index + 1).addClass("hov");
        imgSrc = aList.eq(index + 1).find("input").val();
    }
    $("#img").attr("src", imgSrc);
}